<template>
  <!--footer设计-->
  <div class="footer">
    <ul class="footer_link">
      <li>关于腾讯</li>
      <li>|</li>
      <li>About Tencent</li>
      <li>|</li>
      <li>服务条款</li>
      <li>|</li>
      <li>用户服务协议</li>
      <li>|</li>
      <li>隐私政策</li>
      <li>|</li>
      <li>权利声明</li>
      <li>|</li>
      <li>广告服务</li>
      <li>|</li>
      <li>腾讯招聘</li>
      <li>|</li>
      <li>客服中心</li>
      <li>|</li>
      <li>网站导航</li>
    </ul>
    <div class="footer_copyright">
      Copyright © 1998 - 2019 Tencent.<span>All Rights Reserved.</span>
    </div>
    <ul class="footer_explain">
      <li>腾讯公司</li>
      <li>版权所有</li>
      <li>腾讯网络文化经营许可证</li>
    </ul>
  </div>
</template>

<script>
    export default {
        name: "MusicFooter"
    }
</script>

<style scoped lang="less">
  /*footer页脚设计*/
   .footer{width: 100%;background: #333333;margin: 0 auto;text-align: center;color: #999999;font-size: 12px;padding: 80px 0px 15px;}
   .footer ul li{display: inline-block;}
   .footer .footer_link{margin-bottom: 18px;}
   .footer .footer_link li:nth-child(2n+1):hover{color: #31c27c;cursor: pointer;}
   .footer .footer_copyright>span:hover{color: #31c27c;cursor: pointer;}
   .footer .footer_explain{margin-top: 18px;}
   .footer .footer_explain li:nth-child(n+2):hover{color: #31c27c;cursor: pointer;}
</style>
